<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>社团集结号</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Loading Bootstrap -->
    <link href="../Flat-UI-master/dist/css/vendor/bootstrap.min.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="../Flat-UI-master/dist/css/flat-ui.min.css" rel="stylesheet">

    <link rel="shortcut icon" href="img/favicon.ico">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="../Flat-UI-master/dist/js/vendor/html5shiv.js"></script>
    <script src="../Flat-UI-master/dist/js/vendor/respond.min.js"></script>
    <script src="../Flat-UI-master/dist/js/vendor/jquery.min.js"></script>
    <![endif]-->
    <script src="../jquery/jquery-2.1.3.min.js.js"></script>

    <script type="text/javascript">
        $(function () {
            $("#backButtion").click(function () {
                document.location.href = "login.html";
            });
            $("#modalBackButtion").click(function () {
                document.location.href = "login.html";
            });
        });
    </script>
</head>
<body style="background-color: #d8d6d3">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-01">
                <span class="sr-only">Toggle navigation</span>
            </button>
            <a class="navbar-brand" href="index.html">首页</a>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse-01">
            <ul class="nav navbar-nav">
                <!--<li class="active"><a href="#fakelink">Products</a></li>-->
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a href="login.html">登陆</a></li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
</nav>

<div class="container-fluid" style="margin-top:53px;padding-top:10px;padding-bottom:10px;background-color: #1abc9c">
    <div class="container">
        <div class="row">
            <div class="col-sm-2 col-md-2 col-lg-2">
                <div class="btn-group btn-group-justified">
                    <a class="btn btn-primary active" href="register.html">注册信息</a>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="container-fluid" style="margin-top:100px;margin-bottom: 160px;">
    <div class="container">
        <form class="form-horizontal" role="form">
            <div class="row">
                <div class="form-group">
                    <label class="col-lg-offset-1 col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                        <p class="text-right">姓名</p></label>

                    <div class="col-sm-4">
                        <input class="form-control" type="text" id="formGroupInputDefault" placeholder="请填写真实姓名">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <label class="col-lg-offset-1 col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                        <p class="text-right">邮箱</p></label>

                    <div class="col-sm-4">
                        <input class="form-control" type="text" id="formGroupInputDefault" placeholder="请填写真实邮箱">

                    </div>
                </div>
            </div>


            <div class="row">
                <div class="form-group">
                    <label class="col-lg-offset-1 col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                        <p class="text-right">个人头像</p></label>

                    <div class="col-sm-2">
                        <center>
                            <img class="img-circle"
                                 alt="140x140"
                                 style="width: 140px; height: 140px;" src="../image/2.jpg"
                                 data-holder-rendered="true"/>
                        </center>

                    </div>
                    <div class="col-sm-3" style="margin-top: 20px;">
                        <div>
                            请上传个人头像<br/>
                        </div>
                        <button class="btn btn-block btn-lg btn-default">上传头像</button>
                    </div>
                </div>
            </div>



            <div class="row">
                <div class="form-group">
                    <label class="col-lg-offset-1 col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                        <p class="text-right">所在省份</p></label>
                    <div class="col-sm-4">
                        <select class="form-control">
                            <option>河北</option>
                            <option>河南</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                            <option>湖北</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="form-group">
                    <label class="col-lg-offset-1 col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                        <p class="text-right">所在学校</p></label>
                    <div class="col-sm-4">
                        <select class="form-control">
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北师范大学</option>
                            <option>河北科技大学</option>
                            <option>河北经贸大学</option>
                        </select>
                    </div>
                </div>
            </div>




            <div class="row">
                <div class="form-group">
                    <label class="col-lg-offset-1 col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                        <p class="text-right">密码</p></label>

                    <div class="col-sm-4">
                        <input class="form-control" type="text" id="formGroupInputDefault" placeholder="请填写真实邮箱">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <label class="col-lg-offset-1 col-sm-2 col-md-2 col-lg-2 control-label" for="formGroupInputDefault">
                        <p class="text-right">确认密码</p></label>

                    <div class="col-sm-4">
                        <input class="form-control" type="text" id="formGroupInputDefault" placeholder="请填写真实邮箱">
                    </div>
                </div>
            </div>

            <div class="row">

                <div class="col-lg-offset-3 col-sm-3 col-md-3 col-lg-3">
                    <button class="btn btn-block btn-lg btn-primary" type="button" data-toggle="modal" data-backdrop="static" data-target="#myModal">注册</button>
                </div>

                <div class="col-sm-2 col-md-2 col-lg-2">
                    <button class="btn btn-block btn-lg btn-inverse" id="backButtion"
                            type="button">返回
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="container-fluid" style="margin-top:50px; height:250px;background-color: #bdc3c7">
    <div class="container">
        <div class="row" style="padding-top: 20px">
            <div class="col-sm-4 col-md-4 col-lg-4">
                说明<br/>
                社团集结号为仿照<a href="http://st.renren.com/">社团人</a>采用<a href="http://www.bootcss.com/">Bootstrap</a> <a
                    href="http://designmodo.com/flat/">Faltui</a> 开源框架而做的社团交流平台，仅供学习交流之用，一切版权归<a
                    href="http://st.renren.com/">社团人</a>所有。
            </div>
            <div class="col-sm-8 col-md-8 col-lg-8">
                <div class="row">
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        关于
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        联系方式
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        友情链接
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        特别感谢
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <a href="#">关于我们</a><br/>
                        <a href="#">广告合作</a><br/>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <a href="#">电子邮件</a><br/>
                        <a href="#">新浪微博</a><br/>
                        QQ:641041018<br/>
                        <a href="#">地址</a><br/>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <a href="http://www.bootcss.com/">Bootstrap中文网</a><br/>
                        <a href="http://designmodo.com/flat/">Flat UI</a><br/>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        韩冬梅<br/>
                        向蓉<br/>
                        冯猛<br/>
                        孙雪飞<br/>
                        刘钘<br/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>-->
                <h4 class="modal-title" id="myModalLabel">注册提醒</h4>
            </div>
            <div class="modal-body">
                您已成功注册，我们已经发送邮件给您，请在24小时内激活您的账号!
            </div>
            <div class="modal-footer">
                <!--<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>-->
                <button type="button" class="btn btn-primary" id="modalBackButtion">返回登陆页</button>
            </div>
        </div>
    </div>
</div>
<!-- jQuery (necessary for Flat UI's JavaScript plugins) -->
<script src="../Flat-UI-master/dist/js/vendor/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="../Flat-UI-master/dist/js/vendor/video.js"></script>
<script src="../Flat-UI-master/dist/js/flat-ui.min.js"></script>
</body>
</html>
